﻿<div class="class">
    <div class="r_lm">
        <h2>
            全部分类</h2>
    </div>
    <div class="class_list">
        <div class="class_list_bg">
            <div class="tab_area">
                <ul class="tab_head tabs">
                    <li class="hot_games c cc"><a href="#tab1">热门游戏</a></li>
                    <li class="ABC_games"><a href="#tab2">ABC</a></li>
                    <li class="DEF_games"><a href="#tab3">DEF</a></li>
                    <li class="GHI_games"><a href="#tab4">GHI</a></li>
                    <li class="JKL_games"><a href="#tab5">JKL</a></li>
                    <li class="MNO_games"><a href="#tab6">MNO</a></li>
                    <li class="PQR_games"><a href="#tab7">PQR</a></li>
                    <li class="STW_games"><a href="#tab8">STW</a></li>
                    <li class="XYZ_games"><a href="#tab9">XYZ</a></li>
                    <li class="his_games"><a href="#tab10">其它游戏</a></li>
                </ul>
                <div class="tab_container">

                    @Html.Partial("HotGamesListTemplate", (object)ViewBag.HotGames)

                    <div class="game_area tab_content" id="tab2">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                                @Html.Partial("GamesByIndexTemplate", 
                                    (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "A"))
                                @Html.Partial("GamesByIndexTemplate", 
                                    (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "B"))
                                @Html.Partial("GamesByIndexTemplate", 
                                    (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "C"))                          
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab3">
                        <div class="game_area_bgT">
                        </div>
                         <div class="game_area_bg">
                            <div class="hot_game_area_list">
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "D"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "E"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "F"))
                                </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab4">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "G"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "H"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "I"))
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab5">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "J"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "K"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "L"))
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab6">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "M"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "N"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "O"))
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab7">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "P"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "Q"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "R"))
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab8">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "S"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "T"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "W"))
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab9">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                          @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "X"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "Y"))
                            @Html.Partial("GamesByIndexTemplate", 
                                (object)CardInChina.Bussiness.Frontend.Models.GamesByIndex.FindByIndex(ViewBag.GamesByClass, "Z"))
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                    <div class="game_area tab_content" id="tab10">
                        <div class="game_area_bgT">
                        </div>
                        <div class="game_area_bg">
                            <div class="hot_game_area_list">
                                @Html.Partial("GamesByIndexTemplate", (object)ViewBag.Others)
                            </div>
                        </div>
                        <div class="game_area_bgD">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="r_lb">
    </div>
</div>

<script type="text/javascript">
    $(function () {

        //         全部分类
        //Default Action 
        $(".tab_content").hide(); //Hide all content
        $("ul.tabs li:first").addClass("c").show(); //Activate first tab 
        $(".tab_content:first").show(); //Show first tab content 
        //On Click Event 
        $("ul.tabs li").click(function () {
            $("ul.tabs li").removeClass("c"); //Remove any "active" class 
            $(this).addClass("c"); //Add "active" class to selected tab 
            $(".tab_content").hide(); //Hide all tab content 
            var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
            $(activeTab).fadeIn(); //Fade in the active content 
            return false;
        });

    });
</script>
